<template>
  <div class="chart">
<!--    <div id="myChart" :style="{width: '600px', height: '400px'}"></div>-->
  </div>
</template>

<script>
export default {
  name: "blogCountByLabel",
  // data() {
  //   return {
  //     data: ''
  //   }
  // },
  //
  // mounted() {
  //
  //
  //   this.$axios.get("/blogCountByMetas").then(res => {
  //     // this.map = res.data.data
  //
  //     var map = res.data.data.map
  //
  //     var da = {value: '',name: ''}  //饼图一块需要的信息
  //     var data = new Array();
  //
  //     for (var key in map) {
  //       da = {}
  //       // console.log(key+":"+map[key])
  //       da.name = key,
  //       da.value = map[key]
  //       data.push(da)
  //     }
  //     this.data = data
  //
  //     // 基于准备好的dom，初始化echarts实例
  //     //通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的柱状图
  //     // let myChart = this.$echarts.init(document.getElementById('myChart'), 'light')
  //     // 绘制图表
  //     myChart.setOption({
  //       tooltip: {
  //         trigger: 'item'
  //       },
  //       legend: {
  //         top: '5%',
  //         left: 'center'
  //       },
  //       series: [
  //         {
  //           name: '访问来源',
  //           type: 'pie',
  //           radius: ['40%', '70%'],
  //           avoidLabelOverlap: false,
  //           itemStyle: {
  //             borderRadius: 10,
  //             borderColor: '#fff',
  //             borderWidth: 2
  //           },
  //           label: {
  //             show: false,
  //             position: 'center'
  //           },
  //           emphasis: {
  //             label: {
  //               show: true,
  //               fontSize: '40',
  //               fontWeight: 'bold'
  //             }
  //           },
  //           labelLine: {
  //             show: false
  //           },
  //           data: data
  //         }
  //       ]
  //     })
  //
  //   })
  //
  // }
}
</script>

<style scoped>
.chart {
  position: center;
  /*left: 200px;*/
}
</style>